<include file="public@header" />
</head>
<body>
	<div class="wrap js-check-wrap">
		<ul class="nav nav-tabs">
			<li class="active"><a href="{:url('room/index')}">所有班级</a></li>
			<li><a href="{:url('room/add')}">添加班级</a></li>
		</ul>
		<form class="well form-inline margin-top-20"  method="get" action="{:url('room/index')}">
		学校名称:
			<select name="school_id" id="selectSchool" class="form-control">
				<option value="">请选择学校</option>
				<volist name="school" id="vo">
					<php> $selectedSchool = $vo['id'] == $school_id ? "selected" : ""</php>
					<option value="{$vo.id}" {$selectedSchool}>{$vo.name}</option>		
				</volist>
			</select>
			班级名称:
			<input type="text" class="form-control" name="name" style="width: 200px;" value="{$Request.param.name}" placeholder="请输入班级名称">
			<input type="submit" class="btn btn-primary" value="搜索" />
			<a class="btn btn-danger" href="{:url('room/index')}">清空</a>
			<button class="btn btn-danger" onclick="delAll()" type="button">批量删除</button>
		</form>
		<table class="table table-hover table-bordered">
			<thead align="center">
				<tr>
					<th width="50">
						<label><input type="checkbox" id="checkall" class="js-check-all" data-direction="x"data-checklist="js-check-x"></label>
					</th>
					<th width="80">ID</th>
					<th>班级名称</th>
					<th>所属学校</th>
					<th>量化积分</th>
					<th width="160">{:lang('ACTIONS')}</th>
				</tr>
			</thead>
			<tbody>
				<foreach name="room" item="vo">
				<tr>
					<td>
						<input type="checkbox" class="js-check" data-yid="js-check-y" data-xid="js-check-x" name="ids[]" value="{$vo.id}">
					</td>
					<td>{$key+1}</td>
					<td>{$vo.name}</td>
					<td>{$vo.school_name}</td> 
					<td>{$vo.total|default = '暂无'}</td> 
					<td>
						<a class="btn btn-xs btn-primary" href="{:url('room/record', array('id'=>$vo['id']))}">明细</a>
						<a class="btn btn-xs btn-success" href="{:url('room/edit', array('id'=>$vo['id']))}">编辑</a>
						<a class="btn btn-xs btn-danger js-ajax-delete" href="{:url('room/delete', array('id'=>$vo['id']))}">删除</a>
					</td>
				</tr>
				</foreach>
			</tbody>
		</table>
		<div class="pagination">{$page}</div>
	</div>
	<script src="__STATIC__/js/admin.js"></script>
	<script src="__STATIC__/layui/layui.all.js"></script>
	<script>
		layui.use(['laydate','form'], function(){
        var laydate = layui.laydate;
        var form = layui.form;
        
        //执行一个laydate实例
        laydate.render({
          elem: '#start' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
          elem: '#end' //指定元素
        });
          // 监听全选
          form.on('checkbox(checkall)', function(data){

              if(data.elem.checked){
                  $('tbody input').prop('checked',true);
              }else{
                  $('tbody input').prop('checked',false);
              }
              form.render('checkbox');
          });
	  });
	  
		//多选删除
		function delAll() {
          var ids = [];

          //获取选中的id
          $('tbody input').each(function (index,el) {
              if ($(this).prop('checked')){
                  ids.push($(this).val())
              }
          });
          layer.confirm('确认要删除吗?',function (index) {
              //捉到所有被选中的，发异步进行删除
              $.ajax({
                  url: "{:url('room/delAll')}",
                  type: "POST",
                  data: {ids:ids},
                  success: function (res) {
                      if (res.code == 200){
                          layer.msg(res.msg,{icon:1});
                          setTimeout(function () {
                              location.reload();
                          },1500);
                      } else {
                          layer.msg(res.msg);
                          return false;
                      }
                  }
              });
          });
      }
	</script>
</body>
</html>